@charset "utf-8";
/* CSS Document by jacy use in vipcard */
html{ height:100%;}
body{ min-height:100%;background: url(vipbg1.jpg) repeat-y right 0, url(vipbg2.jpg) repeat-y left 0, url(vipbg3.jpg) repeat-x 0 0, url(vipbg4.jpg) repeat 0 0, #864c2c;
-webkit-background-size: 3.5px 23.5px, 3.5px 23.5px, 304.5px 93px, 313px 23.5px;
background-size: 3.5px 23.5px, 3.5px 23.5px, 304.5px 93px, 313px 23.5px;}
.body{ background:none}
.card{ position:relative; width:90%; margin:20px auto; background-size:87% auto; background-position:center top; background-repeat:no-repeat;background-image:url(card_bg_1.png);}

.card_img{ max-height:100px; margin-left:35px;}
.card_name{ height:180px; width:100%; font-size:16px; font-weight:bold; display:block; line-height:60px; text-align: center; color: #ffffff; }
.card_mask{ position:absolute; top:90px; left:0; display: none; width:100%; height:100px; background:url(vipmsk.png) center top no-repeat; background-size:100% auto;}
.card_num{position: absolute;right: 50px;top: 60px; font-size:18px;}
.geted{ background:none;}
.geted img{ margin:0 auto; display:block;}
.geted .card_name{ position:absolute; top:0; left:40px; color:#ffffff; display:none; text-align: left;}
.geted  .card_num{ bottom:10px; top:auto; color:#FFCC00; text-shadow: 0 -1px 2px #000000; font-weight: bold;}

.card_info{}
.get_card_info{ margin-top:20px;}
.card_info a{ display:block}
h6{ font-size:18px; font-weight:bold}
.page_title{ font-size:20px; color:#fff; line-height:40px; height:40px; text-align:center; text-shadow: 0 -1px 1px #000000}
.score_nav{ display:-webkit-box;}
.score_nav a{ text-align:center;}
.score_nav a.cur{ background-color:#ccc; color:#fff;}
.score_list{ display:table; width:100%; font-size:12px;}
.score_list span{ text-align:left; display:table-cell; width:33.3%;padding:5px;}
.score_list_top{ background-color:#ddd; font-size:14px;}
.all_score{ color:#33ab07}
.select_month{ position:relative; margin-bottom:10px;}
.select_month div{padding:10px 10px 10px 50px; background-repeat:no-repeat; background-position:10px center; background-size:30px 30px; border:none; background-color:#fecf76}
.select_month div p{background-repeat:no-repeat; background-position:right center; background-size:15px 15px;}
.select_month div p span{ font-size:12px; color:#999}
.select_month select{ position:absolute; height:60px; top:0; left:0; opacity:0; z-index:100;}
.select_store{ position:relative; margin-bottom:10px; margin-top: 20px;}
.select_store div{padding:10px 10px 10px 50px; background-repeat:no-repeat; background-position:10px center; background-size:30px 30px; border:none; background-color:#fecf76}
.select_store div p{background-repeat:no-repeat; background-position:right center; background-size:15px 15px;}
.select_store div p span{ font-size:12px; color:#999}
.select_store select{ position:absolute; height:60px; top:0; left:0; opacity:0; z-index:100;}

/*线下消费明细*/

/*会员资料样式*/
.controls{ position: relative;}
.controls .must{ position: absolute; right: 0; top: 0; padding: 11px 5px; color: red;}
.text.input-must{}

/*新增或会员卡*/
.morecard{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; }
.cardlist{ position: absolute; left: 0; right: 0; top: 0; background-color: #f0f0f0; box-shadow: 0 0 5px #333333;}
.cardlist h1{ line-height: 30px; padding-left: 20px; font-size: 16px;}
.cardlist li{ border-bottom: 1px solid #cccccc;}
.cardlist li:last-child{ border-bottom: none;}

/*服务评价*/
ul{list-style-type:none;}
.star{}
.star ul,.star span{ display:block; height:19px;line-height:19px;}
.star ul{margin:0 10px;}
.star li{float:left;width:30px;cursor:pointer;text-indent:-9999px;background:url(star.png) no-repeat; background-size: 66.6% }
.star span{color:#f60; font-weight: bold; margin: 5px 0 0 10px}
.star li.on{background-position:0 -18px;}
.star p{position:absolute;top:20px;width:159px;height:60px;display:none; z-index: 9; font-size:12px; line-height: 20px; background:url(icon.gif) no-repeat;padding:7px 10px 0;}
.star p em{color:#f60;display:block;font-style:normal;}
.textbutton{ display: block; line-height: 36px; text-align: center; cursor: pointer; background: #FFD7B8; border-radius: 6px; border: 1px solid #F16A00}
.ypdetail{ display: none;}
.form-item.ypdetailitem{ border-bottom: 1px dotted #cccccc; padding-bottom: 10px;}
.ypdetailth{ width: 70px;}
.ypcolor{ color: #1C92D5}
.flex_0{-webkit-box-flex:0;}
.h72{ max-height: 66px; overflow: hidden;}
.seefullbtn{ color: #B94113; display: block; cursor: pointer;}

/*药效评价*/
.star b,.star i{display: none;}

/*我的消费*/
.recordlist{ color: #000000;}
.recordlist a{ color: #000000; display: block;}
.recorditem_c{ position: relative;}
.recorditem_c h1{ font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.recorditem_c h2{ font-weight: normal; color: #888888; margin-right: 50px; }
.recorditem_c h2 span{ display: block; }
.recorditem_c h2 b{ color: green; font-weight: normal}
.recorditem_c i{ position: absolute; right: 0; top: 50%; margin-top: -10px; color: #888888; font-style: inherit}
.recorditem_c i.red{ color: #ff3300;}
.recorditem_c strong{ position: absolute; right: 0; top: 50%; margin-top: 14px; font-weight: normal; color: #888888; font-style: inherit}
.recorditem_c strong.red{ color: #ff3300;}
.more_btn{ background-color: #ffffff; border-radius: 0 0 5px 5px; color: #000000; cursor: pointer}

/*积分微币兑换*/
.txt_disabled{ background-color: #eeeeee!important;}
.formspan{ line-height: 40px; margin-left: 5px;}

/*门店列表*/
.watermark{ color: #999999!important;}

/*绑定*/
.topinfo{ text-align: center; line-height: 30px;}

#output canvas{display: none;}